html {
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

*,
*:before,
*:after {
  box-sizing: border-box; // -webkit-overflow-scrolling: touch;
}

html * {
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  color: #5a5e66;
  // background-color: #f5f6f9;
  height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input,
select,
textarea {
  font-size: 100%;
}

//table {
//border-collapse: collapse;
//border-spacing: 0;
//}
fieldset,
img {
  border: 0;
  vertical-align: top;
  content: normal !important;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

del {
  text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

q:before,
q:after {
  content: '';
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

ins,
a {
  text-decoration: none;
}

button {
  outline: none;
  border: none;
}

input::placeholder {
  color: #939393;
}

label{
  font-weight: normal;
}

._div{
  height: 100%;
}

._div ._div{
  height: auto;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}

.clearfix {
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

.mp-layer{
  height:100% !important;
  border-top: 130px solid #f0eff5;
  background-color: #f0eff5;
}

@media (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-min-device-pixel-ratio : 3){
  /*iphone X*/
  .mp-layer{
    border-top: 185px solid #f0eff5;
  }
}
@import './variable.scss';
@import './mixin.scss';
@import './flex.scss';
@import './reset.scss';
@import './mp-border.scss';
